.todo_input_box
{
  width: 100%;
  height: 8vh;
  background-color: black;
  border: 1px solid  black;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
  
}
.todo_input_box_left{
    color: white;
    font-size: 30px;
    font-weight: 1000;
}
.todo_content_container
{
  width: 100%;
  height: 80vh;
  border: 1px solid blue;
}

.todo_tool_bar
{
  width: 100%;
  height: 8vh;
  display: inline-flex;
  justify-content: center;
  align-items:center;
}

.todo_tool_bar div
{
  width: 33%;
  height: 100%;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
  border: 1px solid  black;
}

.todo_item
{
  width: 100%;
  height: 40px;
  border: 1px solid  black;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.todo_item_check
{
  width: 20%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid  pink;
}

.todo_item_content
{
  width: 60%;
  height: 100%;
  display: inline-flex;
  justify-content:flex-start;
  align-items: center;
  border: 1px solid  pink;
}

.todo_item_delete
{
  width: 20%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid  pink;
}